Page({
    data:{
        bookList:[],
        imgUrl:'',
        keyWord:'',
        historyArr:wx.getStorageSync('history')||[]
    },
    getBookList(){
        wx.showLoading({
          title: '正在加载中...',
        })
        wx.request({
            url: 'https://hmajax.itheima.net/api/books',
            method:'GET',
            data:{
                creator: 'zhangyao'
            },
            success: (res) => {
                // 更新数据 渲染页面
                // console.log(res);
                setTimeout(()=>{
                    this.setData({
                        bookList:res.data.data
                    })
                // 方法2
                    wx.hideLoading(),
                    wx.showToast({
                      title: '查询书单成功！',
                      icon:"success",
                      mask:true//添加蒙层 防止加载时点击
                    })
                },2000)
            },
            fail: (err) => {},
            complete: (res) => {
                // 方法1
                // setTimeout(()=>{
                //     wx.hideLoading(),
                //     wx.showToast({
                //       title: '查询书单成功！',
                //       icon:"success",
                //       mask:true//添加蒙层 防止加载时点击
                //     })
                // },2000)
            },
          })
    },
    showModel(){
        wx.showModal({
          title: '温馨提示',
          content:'您确定要退出登录吗？',
          complete: (res) => {
              if(res.cancel){}
              if(res.confirm){}
          },
        })
    },
    showActionSheet(){
        wx.showActionSheet({
          itemList: ['A','B','C','D'],
        })
    },
    setLocalData(){
        const token='zglsdbz'
        const person={
            name:'张瑶瑶',
            age:18,
            gender:'女'
        }
        wx.setStorageSync('token', token)
        wx.setStorageSync('person', person)
    },
    getLocalData(){
        console.log(wx.getStorageSync('token'));
        console.log(wx.getStorageSync('person'));
    },
    delLocalData(){
        // wx.removeStorageSync('token')
        wx.removeStorageSync('person')
    },
    clearLocalData(){
        wx.clearStorageSync()
    },
    setLocalDataAsynx(){
        wx.setStorage({
            key:'dog',
            data:{
                name:'小垒垒',
                age:'2',
                sex:'公'
            },
        })
    },
    getLocalDataAsynx(){
        wx.getStorage({
            key:'dog',
            success:(res)=>{
                console.log(res.data);
            }
        })
    },
    delLocalDataAsynx(){
        wx.removeStorage({
            key:'dog'
        })
    },
    clearLocalDataAsynx(){
        wx.clearStorage()
    },
    // 3.上传图片
   async uploadImg(){
        // 3.1 写法1-同步
        // wx.chooseMedia({
        //   count: 1,
        //   mediaType:['image'],
        //   success: (result) => {
        //     console.log(result);
        //     this.setData({
        //         imgUrl:result.tempFiles[0].tempFilePath
        //     })
        //   },
        //   fail: (res) => {},
        //   complete: (res) => {},
        // })
        // 3.2 写法2-Promise
        // wx.chooseMedia({
        //     count: 1,
        //     mediaType:['image'],
        //   }).then((result)=>{
        //     this.setData({
        //         imgUrl:result.tempFiles[0].tempFilePath
        //     })
        //   })
        // 3.3 写法3-Async
       const result= await wx.chooseMedia({
            count: 1,
            mediaType:['image'],
          })
        this.setData({
            imgUrl:result.tempFiles[0].tempFilePath
        })
    },
    // 4.搜索历史小练习
    search(){
        // 4.1 判断搜索框是否为空
        if(!this.data.keyWord.trim()){
            wx.showToast({
              title: '内容不能为空！',
              icon:'none'
            })
            return
        }
        // 4.2 将搜索数据写入数组
        const tempArr=this.data.historyArr
        tempArr.push(this.data.keyWord)
        this.setData({
            historyArr:tempArr,
            // 4.3 清空搜索栏
            keyWord:''
        },()=>{
            wx.setStorageSync('history', this.data.historyArr)
        })
    },
    clearHistory(){
        this.setData({
            historyArr:[]
        },()=>{
            wx.removeStorageSync('history')
        })
    },
    clickMe1(e){
        console.log(e.target.dataset);
        console.log(e.target.dataset.name);
        console.log(e.target.dataset.age);
    },
    clickMe2(e){
        console.log(e.mark);
        console.log(e.mark.name);
        console.log(e.mark.age);
    }
});